<div class="header">
    <div class="row">
        <img src="/dew/resources/image/logo.png" class="pull-left" alt="Logo" />
        <div class="pull-right" style="width: 40%;">
            <ul class="nav" >
                <li class="nav-starter">&nbsp;</li>
                <li>
                    <a id="btnLogin" href="/dew/login">Ingresar</a>
                    <div class="nav-separator"></div>
                </li>
                <li>
                    <a id="btnResgistrate" href="/dew/register">Registrate</a>
                    <div class="nav-separator"></div>
                </li>
                <li>
                    <a href="perfilusuarioform.html">Perfil de Usuario</a>
                    <div class="nav-separator"></div>
                </li>
                <li class="nav-finisher">&nbsp;</li>
            </ul>
            <div class="input-group input-group-sm">
                <input type="text" class="form-control" placeholder="Encuentra aqu&iacute; mas de 1000 recetas" />
                <span class="input-group-addon"><a href="Busqueda.html" class="glyphicon glyphicon-search"></a> </span>
            </div>
        </div>
    </div>

    <!--Aqui va el menu de forma horizontal-->
    <div class="row">
        <nav class="navbar navbar-default" role="navigation">
            <div class="navbar-header">
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav">
                        <li><a href="/dew/home">Inicio</a></li>
                        <li><a href="#">Tipo de comida</a></li>
                        <li><a id="btnTipoCocina" href="#finder">Tipo de cocina</a></li>
                        <li><a href="#">Bebidas</a></li>
                    </ul>
                </div>
            </div>
        </nav>
    </div>
</div>
